<!DOCTYPE html>
<html lang="en">
<head>
    <title>pdf</title>
    <script type="text/javascript" src="${re.contextPath}/plugin/jquery/jquery-3.2.1.min.js"></script>
    <script src="${re.contextPath}/plugin/tools/pdfobject.js" type="text/javascript"></script>
    <script src="${re.contextPath}/plugin/tools/jquery.media.js" type="text/javascript"></script>
</head>
<body>
<div align="center" class="box" style="width:98%;height:520px;">
    <div style="width: 100%;margin-top: 10px;margin: auto;">
        <div id="pdf"><a style="display:none;" class="media" href="${filePath}"></a></div>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        var opts = {
            width:"100%",
            height:"520px",
            autoplay:true,
            params:{
                wmode:'transparent'
            }
        };
        $('a.media').media(opts);
    })
</script>
</body>
</html>